﻿@model XukaShop.Models.Entities.Message
@{
    ViewBag.Title = "MessageDetail";
    Layout = "~/Areas/Admin/Views/Shared/_AdminLayout.cshtml";
}

@section Breadcrumbs
{
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-home"></i>
        </div>
        <div class="media-body">
            <ul class="breadcrumb">
                <li><a href="@Url.Action("Index", "Dashboard")"><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="@Url.Action("Index", "Dashboard")">Trang chủ</a></li>
                <li><a href="@Url.Action("Index", "Message")">Danh sách tin nhắn</a></li>
            </ul>
            <h4>Nội dung tin nhắn</h4>
        </div>
    </div>
}

@section MenuBar
{
    <h5 class="leftpanel-title">Menu</h5>
    <ul class="nav nav-pills nav-stacked">
        <li><a href="@Url.Action("Index", "Dashboard")"><i class="fa fa-home"></i><span>Trang chủ</span></a></li>
        <li><a href="@Url.Action("Index", "Order")"><i class="glyphicon glyphicon-shopping-cart"></i><span>Đặt hàng</span></a></li>
        <li class="active"><a href="@Url.Action("Index", "Message")"><i class="glyphicon glyphicon-envelope"></i><span>Tin nhắn</span></a></li>
        <li class="parent"><a href="#"><i class="fa fa-file-text"></i><span>Sản phẩm</span></a>
            <ul class="children">
                <li><a href="@Url.Action("ProductList", "Product")">Tất cả sản phẩm</a></li>
                <li><a href="@Url.Action("NewProduct", "Product")">Sản phẩm mới</a></li>
                <li><a href="@Url.Action("CommingSoonProduct", "Product")">Sản phẩm sắp có</a></li>
                <li><a href="@Url.Action("Index", "Brand")">Nhãn hàng</a></li>
            </ul>
        </li>
        <li><a href="@Url.Action("Index", "Promotion")"><i class="glyphicon glyphicon-bullhorn"></i><span>Giảm giá</span></a></li>
        <li><a href="@Url.Action("MemberList", "Member")"><i class="glyphicon glyphicon-user"></i><span>Thành viên</span></a></li>
        <li class="parent"><a href="#"><i class="fa fa-file-text"></i><span>Quản lý chung</span></a>
            <ul class="children">
                <li><a href="@Url.Action("Index", "Banner")">Banners</a></li>
            </ul>
        </li>
    </ul>
}

<div class="row">
    <div class="col-sm-3 col-md-3 col-lg-2">
        <div class="msg-header">
            <button class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Xóa tin nhắn"><i class="fa fa-trash-o"></i></button>
            <button class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Đánh dấu đã đọc"><i class="fa fa-tag"></i></button>            
        </div>
        <ul class="nav nav-pills nav-stacked nav-msg">
            <li class="active">
                <a href="@Url.Action("Index", "Message")">
                    <span class="badge pull-right">2</span>
                    <i class="glyphicon glyphicon-inbox"></i>Hộp thư đến
                </a>
            </li>
            <li><a href="#"><i class="glyphicon glyphicon-send"></i>Thư đã gửi</a></li>
            <li><a href="#"><i class="glyphicon glyphicon-trash"></i>Thư đã xóa</a></li>
        </ul>
    </div>

    <div class="col-sm-9 col-md-9 col-lg-10">
        <div class="msg-header">
            <div class="pull-right">
                <button class="btn btn-white btn-navi btn-navi-left ml5" type="button"><i class="fa fa-chevron-left"></i></button>
                <button class="btn btn-white btn-navi btn-navi-right" type="button"><i class="fa fa-chevron-right"></i></button>
            </div>
            <!-- pull-right -->
        </div>
        <!-- msg-header -->

        <h4>@Model.MessageTitle!</h4>

        <div class="panel-group panel-group-msg" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="time text-muted pull-right"><i class="fa fa-paperclip mr5"></i>@Model.SendDate.ToString("dd/MM/yyyy hh:mm")</span>
                        <a data-toggle="collapse" href="#collapseOne">
                            <img src="~/Areas/Admin/images/photos/user1.png" class="img img-online img-circle mr5" alt="">
                            @Model.SenderName
                                                   
                            <small>&lt;@Model.SenderEmail&gt;</small>
                        </a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                    <div class="panel-body">
                        @Model.MessageContent
                                               
                        <h5 class="sm-title text-muted mt20">Attachments</h5>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-file-text-o mr5"></i><a href="#">MyDocuments.docx</a> <small class="text-muted">124kb</small></li>
                            <li><i class="fa fa-file-photo-o mr5"></i><a href="#">MyPhotos.jpg</a>  <small class="text-muted">304kb</small></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- panel-group -->

        <div class="media msg-reply">
            <a class="pull-left" href="#">
                <img class="img-circle img-online" src="~/Areas/Admin/images/photos/profile.png" alt="">
            </a>
            <div class="media-body">
                <textarea class="form-control" placeholder="Nội dung trả lời"></textarea>
                <button class="btn btn-primary btn-sm mt10"><i class="fa fa-send mr5"></i>Gửi</button>
            </div>

        </div>
    </div>
</div>
@*<script>
    jQuery(document).ready(function () {
        //highlight rows that are already checked
        jQuery('.msg-list .ckbox input').each(function () {
            if (jQuery(this).is(':checked')) {
                jQuery(this).parents('li').addClass('highlighted');
            }
        });

        // highlight/unhighlight rows when checked/unchecked
        jQuery('.ckbox input').click(function () {
            if (jQuery(this).is(':checked')) {
                jQuery(this).parents('li').addClass('highlighted');
            } else {
                jQuery(this).parents('li').removeClass('highlighted');
            }
        });
    });
</script>*@
